<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE" />
    <title>内容列表页面</title>
    <link href="<%= basePath %>resources/css/all.css" rel="stylesheet" type="text/css" />
    <script src="<%= basePath %>resources/js/common/jquery.min.js"></script>
    <script src="<%= basePath %>resources/js/back/list.js"></script>
</head>
<body style="background: #e1e9eb;">
<form action="List.action" id="mainForm" method="post">
    <div class="right">
        <div class="current">当前位置：<a href="javascript:void(0)" style="color:#6E6E6E;">内容管理</a> &gt; 内容列表</div>
        <div class="rightCont">
            <p class="g_title fix">内容列表 <a class="btn03" href="#">新 增</a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="btn03" href="javascript:deleteBatch('<%=basePath%>')">删 除</a></p>
            <table class="tab1">
                <tbody>
                <tr>
                    <td width="90" align="right">指令名称：</td>
                    <td>
                        <input type="text" id="command" name="command" class="allInput" value="${command}"/>
                    </td>
                    <td width="90" align="right">描述：</td>
                    <td>
                        <input type="text" id="description" name="description" class="allInput" value="${description}"/>
                    </td>
                    <td width="85" align="right"><input type="submit" class="tabSub" value="查 询" /></td>
                </tr>
                </tbody>
            </table>
            <div class="zixun fix">
                <table class="tab2" width="100%">
                    <tbody>
                        <tr>
                            <th><input type="checkbox" id="all" onclick="#"/></th>
                            <th>序号</th>
                            <th>指令名称</th>
                            <th>描述</th>
                            <th>操作</th>
                        </tr>
                        <c:forEach items="${messageList}" var="message" varStatus="status">
                            <tr <c:if test="${status.index % 2 != 0}">style="background-color:#ECF6EE;"</c:if>>
                                <td><input type="checkbox" name="id" value="${message.id}"/></td>
                                <td>${status.index + 1}</td>
                                <td>${message.command}</td>
                                <td>${message.description}</td>
                                <td>
                                    <a href="#">修改</a>&nbsp;&nbsp;&nbsp;
                                    <a href="${basePath}DeleteOne.action?id=${message.id}">删除</a>
                                    <%--<a href="javaScript:deleteOne(${message.id})">删除</a>--%>
                                </td>
                            </tr>
                        </c:forEach>
                    </tbody>
                </table>
                <div class='page fix'>
                    共 <b>4</b> 条
                    <a href='###' class='first'>首页</a>
                    <a href='###' class='pre'>上一页</a>
                    当前第<span>1/1</span>页
                    <a href='###' class='next'>下一页</a>
                    <a href='###' class='last'>末页</a>
                    跳至&nbsp;<input type='text' value='1' class='allInput w28' />&nbsp;页&nbsp;
                    <a href='###' class='go'>GO</a>
                </div>
            </div>
        </div>
    </div>
</form>
<script>

    <%--function deleteOne(id){--%>
        <%--var command = document.getElementById("command").value||"";--%>
        <%--var description = document.getElementById("description").value||"";--%>
        <%--var params = "id="+id+"&command="+command+"&description="+description;--%>
        <%--var params2 = {--%>
            <%--"id": id,--%>
            <%--"command": command,--%>
            <%--"description": description--%>
        <%--};--%>
        <%--var temp = httpPost("${basePath}DeleteOne.action",params2);--%>
        <%--console.log(temp);--%>
    <%--}--%>

    <%--function httpPost(URL, PARAMS) {--%>
        <%--var temp = document.createElement("form");--%>
        <%--temp.action = URL;--%>
        <%--temp.method = "post";--%>
        <%--temp.style.display = "none";--%>

        <%--for (var x in PARAMS) {--%>
            <%--var opt = document.createElement("textarea");--%>
            <%--opt.name = x;--%>
            <%--opt.value = PARAMS[x];--%>
            <%--temp.appendChild(opt);--%>
        <%--}--%>

        <%--document.body.appendChild(temp);--%>
        <%--temp.submit();--%>

        <%--return temp;--%>
    <%--}--%>

//    function ajaxPostSubmit(url, params, fnSuccess, fnFail, fnLoading){
//        var xmlHttp = new XMLHttpRequest();
//        xmlHttp.open("post", url, true);
//        xmlHttp.setRequestHeader( "Content-Type" , "application/x-www-form-urlencoded" );
//        xmlHttp.onreadystatechange = function(){
//            if(xmlHttp.readyState == 4){
//                if(xmlHttp.readyState == 200){
//                    console.log(xmlHttp.responseText);
//                }
//            }
//        }
//        xmlHttp.send( params );
//
//    }
</script>
</body>
</html>